<?php include("../../../header.php"); ?>
<script>
jQuery(document).ready(function($) {
    //$('#myModal').modal();

    
    
$("#dialog1").click(function() {
    //alert("hola");
    //$("#name1").val("algo");
    //$('#myModal').modal('show');

    
});

});</script>

<div class="ui-element-container">
    <!-- Heading -->
    <h3>Model &amp; Label</h3>
    <!-- Heading -->
    <h4>Model</h4>
    <!-- Button to trigger modal 
    <a id="dialog1" data-toggle="modal"  href="#myModal">Launch demo modal</a>-->
    <a id="dialog1" class="btn btn-info btn-sm" >Launch demo modal</a>

    <!-- Modal -->
    <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal fade" id="myModal" style="display: none;" data-dismiss="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">x	</button>
                    <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                    <p>Success! , you're looking too good. This is a model.</p>
                    <input id="name1" name="name1" type="text" class="form-control" placeholder="Descripcion">
                </div>
                <div class="modal-footer">
                    <button aria-hidden="true" data-dismiss="modal" class="btn btn-default btn-sm" type="button">Close</button>
                    <button class="btn btn-primary btn-sm" type="button">Save changes</button>
                </div>
            </div>
        </div>
    </div>
    <hr> <!-- Horizontal line -->
    <!-- Heading -->
    <h4>Labels</h4>
    <span class="label label-default">Default</span>
    <span class="label label-success">Success</span>
    <span class="label label-warning">Warning</span>
    <span class="label label-danger">Important</span>
    <span class="label label-info">Info</span>
    <span class="label label-success">Success</span>
    <span class="label label-yellow">Yellow</span>
    <span class="label label-purple">Purple</span>
    <span class="label label-rose">Rose</span>
    <span class="label label-brown">Brown</span>
    <span class="label label-black">Black</span>
</div>
<div class="widget pages-widget">
    <div class="widget-head br-red">
        <div class="row">
            <div class="col-md-7">
                <h2 style="margin-top: 6px;font-size: 20px;"><i class="fa fa-file"></i> Producto </h2>
            </div>
            <div class="col-md-5">
                <input id="search" name="search" type="text" class="form-control" placeholder="Buscar">
            </div>
        </div>


    </div>
    <div class="widget-body no-padd">
        <div class="table-responsive">
            <table id="tbl"  class="table table-bordered" style="font-size: 12px;" >
                <thead>
                    <tr>
                        <th style="display:none">ID</th>
                        <th style="display:none">ID</th>
                        <th>Categoria-SubCategoria</th>
                        <th>Codigo</th> 
                        <th>Descripcion</th>
                        <th>Ubicacion</th>
                        <th>Cantidad</th>

                        <th  style="width: 40px;text-align: center;">&nbsp;<i class="fa fa-cog green "></i>&nbsp;</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table> 
        </div> 
    </div>
    <div class="widget-foot">
        <span class="pull-left">
            <a id="btn-add-dialog" class="btn btn-info btn-sm" ><i class="fa fa-plus"></i>Nuevo</a> 
        </span>
        <div class="pull-right">
            <!-- Pagination -->
            <ul id="pa" class="pagination">
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>

</div>
<div id="dialog-form" title="Nuevo Cliente">
    <div class="page-form" style="width: 350px;">
        <!-- Form Content -->
        <input type="hidden" id="product_id" />
        <form id="form_create" class="form-horizontal" role="form">
            <div class="form-group">
                <label class="col-lg-2 control-label">Descripcion</label>
                <div class="col-lg-10">
                    <input id="name" name="name" type="text" class="form-control" placeholder="Descripcion">
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-2 control-label">Codigo</label>
                <div class="col-lg-10">
                    <input id="code" name="code" type="text" class="form-control" placeholder="Codigo">
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-2 control-label">Tipo</label>
                <div class="col-lg-10">
                    <input id="type" name="type" type="text" class="form-control" placeholder="Tipo">
                </div>
            </div>            
            <div class="form-group">
                <label class="col-lg-2 control-label">Cantidad</label>
                <div class="col-lg-10">
                    <input id="quantity" name="quantity" type="text" class="form-control" placeholder="Cantidad">
                </div>
            </div>            
            <div class="form-group">
                <label class="col-lg-2 control-label">Categoria</label>
                <div class="col-lg-10">
                    <select id="category_id" name="category_id" class="form-control" placeholder="Categoria">
                    </select> 
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-2 control-label">SubCategoria</label>
                <div class="col-lg-10">
                    <select id="subcategory_id" name="subcategory_id" class="form-control" placeholder="SubCategoria">

                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-2 control-label">Marca</label>
                <div class="col-lg-10">
                    <select id="brand_id" name="brand_id" class="form-control" placeholder="Marca"></select> 
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-2 control-label">Model</label>
                <div class="col-lg-10">
                    <select id="model_id" name="model_id" class="form-control" placeholder="Model"></select> 
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-2 control-label">Andamio</label>
                <div class="col-lg-10">
                    <select id="scaffold_id" name="scaffold_id" class="form-control" placeholder="Andamio"></select> 
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-2 control-label">Fila</label>
                <div class="col-lg-10">
                    <select id="file_id" name="file_id" class="form-control" placeholder="Fila"></select> 
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-2 control-label">Posicion</label>
                <div class="col-lg-10">
                    <select id="position_id" name="position_id" class="form-control" placeholder="Posicion"></select> 
                </div>
            </div>
            <!--<div class="form-group">
                <label class="col-lg-2 control-label">Unidad</label>
                <div class="col-lg-10">
                    <select id="unit_id" name="unit_id" class="form-control" placeholder="Unidad"></select> 
                </div>
            </div>-->

        </form>
        <div class="loader" style="display:none;height: 150px">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div> 

    <div id="dialog-drop" title="&nbsp;Deseas Eliminar&nbsp;&nbsp;&nbsp;&nbsp;">    
    </div> 
    <?php include("../footer.php"); ?>
                        